<template>
    <div id="app">
        <header>
            <ul>
              <router-link to='/gerenzhongxin'>

               <li><img src="../assets/imgs/3_03.png"></li>
             </router-link>
               <li>登录</li>
               <li></li>
            </ul>
        </header>
        <section>
             <div class="section-sign-phone">
                 <ul>
                    <li><img src="../assets/imgs/3_07.png"></li>
                    <li><input type="text" placeholder="手机号"></li>
                 </ul>
             </div>
             <div class="section-sign-password">
                  <ul>
                     <li><img src="../assets/imgs/3_10.png"></li>
                     <li><input type="text" placeholder="密码"></li>
                  </ul>
             </div>
             <div class="section-sign-verification">
                  <ul>
                      <li>忘记密码</li>
                      <li>立即注册</li>
                  </ul>
              </div>
              <div class="section-sign-Submit">
                  <button>登录</button>
              </div>
              <div class="section-sign-or">
                 <ul>
                    <li><img src="../assets/imgs/3_02.png"></li>
                    <li>or</li>
                    <li><img src="../assets/imgs/3_05.png"></li>
                 </ul>
              </div>
        </section>
        <footer>
            <ul>
              <li><img src="../assets/imgs/3_14.png"/><p>QQ</p></li>
              <li><img src="../assets/imgs/3_16.png"/><p>微信</p></li>
              <li><img src="../assets/imgs/3_18.png"/><p>新浪微博</p></li>
            </ul>
        </footer>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/Sign_in.less";
   @import "../assets/css/reset.css";
</style>
